<!--

    JBoss, Home of Professional Open Source
    Copyright 2013, Red Hat, Inc. and individual contributors
    by the @authors tag. See the copyright.txt in the distribution for a
    full listing of individual contributors.

    This is free software; you can redistribute it and/or modify it
    under the terms of the GNU Lesser General Public License as
    published by the Free Software Foundation; either version 2.1 of
    the License, or (at your option) any later version.

    This software is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
    Lesser General Public License for more details.

    You should have received a copy of the GNU Lesser General Public
    License along with this software; if not, write to the Free
    Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
    02110-1301 USA, or see the FSF site: http://www.fsf.org.

-->
<!DOCTYPE html>
<html>
<head>
<script>
	var jQuery = "way different";
	var $ = "something different than JQuery object";
 </script>
</head>
<body>
	<h1>Hello World!</h1>
	<div class="foo">Outer div with foo class.</div>
	<div id="root">
		<div>Hello jquery selectors!</div>
		<div class="foo">Nested div with foo class.</div>
	</div>
	Variables $ and jQuery values:
	<div id="placeholder"></div>

	<input type="button"
		onclick="document.getElementById('placeholder').innerHTML = $;"
		value="Click me and I show you value of $ object!" />
	<input type="button"
		onclick="document.getElementById('placeholder').innerHTML = jQuery;"
		value="Click me and I show you the value of jQuery object!" />

</body>
</html>